<!--  -->
<template>
  <div>
    <text-img title="合作伙伴"
    subTitle="PARTNERS"
    text="携手共同打造云服务云计算生态圈，合作共赢"
    source="/static/images/partners.jpg"></text-img>
    <b-card title="为企业提供云计算的平台"
      tag="article"
      class="text-center joint-box">
      <p class="card-text">
        提供最新的云计算应用工能实时更新您的服务云计算的平台
      </p>
      <b-container>
        <b-row>
          <b-col lg="3" md="6" sm="12" v-for="i in 8" :key="i">
            <hover-img title="互联网"
              text="让互联网在路上走得更远"
              source="/static/ad/ad1-1.png"
              source1="/static/ad/ad1.png"
              type="2"></hover-img>
          </b-col>
        </b-row>
      </b-container>
    </b-card>
    <enterprise></enterprise>
  </div>
</template>

<script>
import TextImg from '@/components/TextImg'
import Enterprise from '@/components/Enterprise'
import HoverImg from '@/components/HoverImg'

export default {
  name: 'joint',
  data () {
    return {
    }
  },

  components: {
    TextImg,
    Enterprise,
    HoverImg
  },

  computed: {},

  methods: {}
}

</script>
<style lang='less' scoped>
  .joint-box {
    .row>div {
      margin-bottom: @base-edge;
    }
  }
</style>
